<?PHP
   if (!function_exists('get_courses_wmanagers')) {
    
	// Pas d'accès direct à ce fichier, vérification de l'existence de la variable définie dans le fichier qui l'appelle
	$SECURITE="OK";
	
	// Config de Moodle
    include('../../../config.php');
    include('../../includes/config/config.php');
    include('../../includes/fonctions/fct.php');
  }
////////////////////////////////////////////////////
////////  TABLEAU 2 : Espace ouvert ////////////////
////////////////////////////////////////////////////
  //on prend une date de debut, ici le 1er aout de l'annee precedente et on le mets en timestamp
     $startTime = mktime(0, 0, 0, 8, 1, date('Y')-1);
     $jour=date("d/m/Y", $startTime);
    //on prend la date du lendemain matin comme fin pour avoir ecux créer dans la journée des statistiques, et on le mets en timestamp
     $endTime = mktime(0, 0, 0, date('m'), date('d')+1, date('Y'));
     $today=date("d/m/Y", $endTime);
?>
<script type="text/javascript">
$(function(){
   //On initialise le calendrier de la 1er date
  $('#datepicker_debut').datepicker({
	 showButtonPanel: true, //permet d'avoir le bouton Aujourd'hui et OK
	 changeMonth: true, //permet de pouvoir changer le mois
	 changeYear: true, //permet de pouvoir changer l annee
   onSelect: function(dateText, inst) { //quand on choisit une date :
      var date_fin = document.getElementById("datepicker_fin").value; //permet de recuperer la date de fin quand on change la date de debut 
      //On recharge le resultat avec la nouvelle date de debut, et la valeur du champ de fin
      $("#resultats").load("suivi/stats/stats_espaces_ouvert_listes.php", {date_debut:dateText, date_fin:date_fin});  
    }
});
//On initialise le calendrier de la 2nde date 
$('#datepicker_fin').datepicker({
	 showButtonPanel: true, //permet d'avoir le bouton Aujourd'hui et OK
	 changeMonth: true, //permet de pouvoir changer le mois
	 changeYear: true, //permet de pouvoir changer l annee
   onSelect: function(dateText, inst) { //quand on choisit une date :
         var date_deb = document.getElementById("datepicker_debut").value; //permet de recuperer la date de fin quand on change la date de debut 
         //On recharge le resultat avec la nouvelle date de fin, et la valeur du champ de debut 
      $("#resultats").load("suivi/stats/stats_espaces_ouvert_listes.php", {date_debut:date_deb, date_fin:dateText});   
    }
});
//par defaut on reprend la date $startTime et la date du jour
$("#resultats").load("suivi/stats/stats_espaces_ouvert_listes.php", {date_debut:'<?PHP echo $jour; ?>', date_fin:'<?PHP echo $today; ?>'});

  //fenetre d'affichage pour les sous categories
 $("#resultats_ss_cat").dialog({
      autoOpen: false,
      bgiframe: true,
      height: 650,
      width: 750,
      position: 'center',
      modal: true,
      title: 'Détails'
    }); 

});

function voir_ss_cat(id, debut, fin){
     $("#resultats_ss_cat").load("suivi/stats/stats_espaces_ouvert_ss_cat.php", { id: id, debut: debut, fin: fin});
     $("#resultats_ss_cat").dialog("open");
}

</script>
<?PHP

  echo '<table>
          <tr>
              <td>Du</td>
              <td><input type="text" id="datepicker_debut" value="'.$jour.'"></td>
              <td>Au</td>
              <td><input type="text" id="datepicker_fin" value="'.$today.'"></td>
        </tr>
    </table>';

  
                                             
?>

<!--Permet d'afficher les resultats --><div id="resultats"></div>

<!--Permet d'afficher les resultats d'une sous categorie--><div id="resultats_ss_cat"></div>